﻿@model List<MODEL.View_AmazonBrowseNode>
<style type="text/css">
    .ds-category {
        width: 100%;
        height: auto;
        overflow: auto;
        white-space: nowrap;
    }

        .ds-category ul {
            display: inline-block;
            width: 250px;
            height: 300px;
            border: 1px solid #aaa;
            overflow: auto;
            background-color: #f4f4f4;
            margin: 0px;
            padding: 0px;
        }

            .ds-category ul li {
                padding: 10px 2px 10px 10px;
                line-height: 10px;
            }

                .ds-category ul li:hover {
                    background: #f0f0f0;
                }

                .ds-category ul li.ds-category-select {
                    background: #e6e6e6;
                }

                .ds-category ul li a {
                    color: #666;
                }

                .ds-category ul li em {
                    color: #aaa;
                    float: right;
                }
</style>
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h4>Amazon Category</h4>
</div>
<div class="modal-body">
    <div class="ds-category " id="amazon-category">
        <ul >
            @{
                foreach (var item in Model)
                {
                <li value="@item.BrowseNodeId"><a href="#">@item.BrowseNodeName</a><em class="icon-caret-right"></em></li>
                }
            }
        </ul>
    </div>
</div>
<div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn">Close</button>
    <button type="button" class="btn red">Ok</button>
</div>
